<template>
  <div>
    <div style="margin-bottom: 100px">
      <div class="top">{{ $route.query.type === 1 ? "错题记录" : "收藏" }}</div>
      <div class="top_title"></div>

      <div class="center">
        <div class="center_w50_left" @click="goto(1)">
          <div>
            <img src="../icon/20.png" alt="" />
          </div>
          <div class="center_txt">安管人员(ABC)</div>
          <div class="center_txt1"></div>
        </div>
        <div class="center_w50_right" @click="goto(360)">
          <div>
            <img src="../icon/21.png" alt="" />
          </div>
          <div class="center_txt">一级建造师</div>
          <div class="center_txt1"></div>
        </div>
      </div>
      <div class="center" style="margin-top: 20px">
        <div class="center_w50_left" @click="goto(29)">
          <div>
            <img src="../icon/22.png" alt="" />
          </div>
          <div class="center_txt">二级建造师</div>
          <div class="center_txt1"></div>
        </div>
        <div class="center_w50_right" @click="goto(68)">
          <div>
            <img src="../icon/23.png" alt="" />
          </div>
          <div class="center_txt">二级造价师</div>
          <div class="center_txt1"></div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    goto(id) {
      this.$router.push({
        path: "/errororcollecttest",
        query: {
          type: this.$route.query.type, // 1 错题记录 2 收藏
          id,
        },
      });
    },
  },
};
</script>

<style scoped>
@import url("../css/topic.css");
.center_txt {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 600;
}
.top {
  padding: 8px 0px 9px;
  font-size: 24px;
  background-color: #1c5ac8;
  color: white;
}
</style>
